<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>

<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/select.css" />

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/select.js"></script>
<script type="text/javascript" src="js/index.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	
});
</script>
</head>

<body>
<div class="background">

		<div id="con1" class="menu_con">
			<figure id="fig1">

				<div id="myBox1" class="box menu_box">
					<div id="SpChoice" class="menu_group1 button button_style1">推荐攻略</div>
					<div id="SpChoice2" class="menu_group1 button button_style1">最新动态</div>
					<div id="SpChoice3" class="menu_group1 button button_style1">随便看看</div>
				</div>
				<div id="bg1"></div>
			</figure>
		</div>

		<div id="con2" class="menu_con">
			<figure id="fig2">
				<div id="myBox2" class="box menu_box">
					<div id="myChoice" class="menu_group2 button button_style1">相册</div>
					<div id="myChoice2" class="menu_group2 button button_style1">日志</div>
					<div id="myChoice3" class="menu_group2 button button_style1">动态</div>
				</div>
				<div id="bg2"></div>
			</figure>
		</div>


		<div id="con3" class="menu_con">
			<figure id="fig3">
				<div id="myBox3" class="box menu_box">
					<div id="choice" class="menu_group3 button button_style2">做主人</div>
					<div id="choice2" class="menu_group3 button button_style2">做客人</div>
					<div id="choice3" class="menu_group3 button button_style2">随便逛</div>
				</div>
				<div id="bg3"></div>
			</figure>
		</div>

		<div id="con4">
			<figure id="fig4">
				<div id="myBox4" class="box">
					<table id="login">
						<tr>
							<td class="login_label">用户名</td>
							<td class="login_txt"><input id="txt_username" name="username" type="text"></input></td>
							<td class="login_link">还没注册？</td>
						</tr>
						<tr>
							<td class="login_label">密码</td>
							<td class="login_txt"><input id="txt_password" name="password" type="text"></input></td>
							<td class="login_link">忘记密码？</td>
						</tr>
						<tr>
							<td></td>
							<td><div id="btn_login">登陆</div>
							<input id="chk_rememberpassword" name="remember" type="checkbox"/>
							<span id="lbl_remember">记住密码</span></td>
							<td></td>
						</tr>
					</table>
				</div>
				<div id="bg4"></div>
			</figure>
		</div>
		
		<div id="tips">
			<a href="#">我们的安全保障</a><br>
			<a href="#">如何获得交换机会</a><br>
			<a href="#">交换温馨小贴士</a><br>
		</div>
		
		<div id="search">
			<input id="search_txt" name="search_txt" type="text"/>
	        <div class="regularSelect">
	        	<div class="regularSelect_sel odd"><span>攻略/游记</span>
	        		<img class="regularSelect_tri" src="./image/index/tr.png">
	        	</div>
	        	<div class="regularSelect_opts">
		        	<div class="regularSelect_opt even">攻略/游记</div>
		        	<div class="regularSelect_opt odd">人</div>
		        	<div class="regularSelect_opt even">照片</div>
	        	</div>
	        </div>
			<img id="search_btn" src="./image/index/search.png"/>
		</div>
	</div>
</body>
</html>
